<template>
    <div class="wrapper">
        <div class="item1">
        </div>
        <div class="item2">
            <router-view />
        </div>
    </div>
</template>

<script>
export default {
    name: 'login-register-component'
}
</script>

<style>
.wrapper {
    display: flex;
    height: 100vh;
}
.item1{
    background-image: url('http://vitec.oss-cn-shenzhen.aliyuncs.com/vitec/locales/20180906img_login@3x.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 48%;
}
.item1 > img {
    width: 14.5%;
    padding-left: 11.5%;
    padding-top: 9%;
}
.item2 {
    width: 52%;
}
</style>
